<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css">
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/opinion.css">
  <link rel="stylesheet" href="css/jqueryPage.css">
</head>

<body>
  <div class="opinion-content">
    <div class="topOperate">
      <form class="form-inline form-search">
        <div class="form-group">
          <label class="control-label">舆情类型</label>
          <select class="form-control" style="width:210px;">
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
          </select>
        </div>
        <div class="form-group" style="margin-right:0;">
          <ul class="form-nav">
            <li class="active">全部时间</li>
            <li>24H</li>
            <li>28H</li>
          </ul>
          <div class="form-group has-feedback" style="margin-right: 0;">
            <div class="input-group">
              <!-- <span class="input-group-addon glyphicon glyphicon-calendar"></span> -->
              <input type="text" class="form-control">
            </div>
          </div>
          <div class="form-group has-feedback">
            <label class="control-label">-</label>
            <input type="text" class="form-control">
          </div>
        </div>
        <div class="form-group">
          <ul class="form-nav">
            <li class="active">全部情感</li>
            <li>负面</li>
            <li>中性</li>
            <li>正面</li>
          </ul>
        </div>
        
        <div class="form-group">
          <ul class="form-nav">
            <li class='active'>全部重要性</li>
            <li>
              <div class="el-rate">
               <span class="active el-rate__item glyphicon glyphicon-star"></span>
               <span class="active el-rate__item glyphicon glyphicon-star"></span>
               <span class="active el-rate__item glyphicon glyphicon-star"></span>
              </div>
            </li>
            <li>
              <div class="el-rate">
                <span class="active el-rate__item glyphicon glyphicon-star"></span>
                <span class="active el-rate__item glyphicon glyphicon-star"></span>
                <span class="el-rate__item glyphicon glyphicon-star"></span>
               </div>
            </li>
            <li>
              <div class="el-rate">
                <span class="active el-rate__item glyphicon glyphicon-star"></span>
                <span class="el-rate__item glyphicon glyphicon-star"></span>
                <span class="el-rate__item glyphicon glyphicon-star"></span>
               </div>
            </li>
          </ul>
        </div>
       
        <div class="form-group" style="margin-left:30px;">
          <button class="cancel-btn reset-btn"> <i class="glyphicon glyphicon-refresh"></i> 重置</button>
        </div>
      </form>
    </div>
    <div class="tableContainer">
      <div class="matchRight clearfix">
        <form class="form-inline form-search">
          <div class="form-group has-feedback" style="margin-right: 0;">
            <input type="text" class="form-control">
            <span class="glyphicon glyphicon-search form-control-feedback" aria-hidden="true" style="cursor: pointer;z-index:10;pointer-events:auto;"></span>
            <span id="inputSuccess2Status" class="sr-only">(success)</span>
          </div>
          <span class="related-news">
            相关新闻结果
            <span style="color:#3258de">1454034</span>
          </span>
        </form>
        <div class="refresh">
          <i class="glyphicon glyphicon-refresh"></i>
          刷新
        </div>
      </div>
      <div class="tableSlot">
        <div class="tableSlot-item">
          <div class='info_title'>
            <a href="舆情详细.html" class="handleStr">
              鄂州33家物业公司登上"红黑榜",快看看有没有你家
            </a>
            <span class="tag-warning">负面</span>
            <div class="el-rate">
              <span class="active el-rate__item glyphicon glyphicon-star"></span>
              <span class="el-rate__item glyphicon glyphicon-star"></span>
              <span class="el-rate__item glyphicon glyphicon-star"></span>
             </div>
          </div>
          <div class="resume">
            3月27日，温州二三里从中国银行保险监督管理委员会获悉，乐清农商银行、瓯海农商银行、温州民商银行因存在违法违规行为被中国银保监会温州监管分局分别处以125万元、245万元、225万元，共计595万元。 温州二三里了解到，乐清农商银行存在流动资金贷款被用于固定资产项目建设;信贷资
          </div>
          <div class="overFlowBox">
            <span class='info_publ_time'>12:04</span>
            <span>来源: hao123新闻</span>
            <span class="array_span">
              <span class="tag tag--plain">浙江乐清农村商业银行股份有限公司</span>
              <span class="tag tag--plain">浙江乐清农村商业银行股份有限公司</span>
              <span class="tag tag--plain tag--danger ">浙江乐清农村商业银行股份有限公司</span>
            </span>
          </div>
        </div>
        <div class="tableSlot-item">
          <div class='info_title'>
            <a class="handleStr">
              鄂州33家物业公司登上"红黑榜",快看看有没有你家
            </a>
            <span class="tag-warning">负面</span>
            <div class="el-rate">
              <span class="active el-rate__item glyphicon glyphicon-star"></span>
              <span class="active el-rate__item glyphicon glyphicon-star"></span>
              <span class="el-rate__item glyphicon glyphicon-star"></span>
             </div>
          </div>
          <div class="resume">
            3月27日，温州二三里从中国银行保险监督管理委员会获悉，乐清农商银行、瓯海农商银行、温州民商银行因存在违法违规行为被中国银保监会温州监管分局分别处以125万元、245万元、225万元，共计595万元。 温州二三里了解到，乐清农商银行存在流动资金贷款被用于固定资产项目建设;信贷资
          </div>
          <div class="overFlowBox">
            <span class='info_publ_time'>12:04</span>
            <span>来源: hao123新闻</span>
            <span class="array_span">
              <span class="tag tag--plain">浙江乐清农村商业银行股份有限公司</span>
              <span class="tag tag--plain">浙江乐清农村商业银行股份有限公司</span>
              <span class="tag tag--plain tag--danger ">浙江乐清农村商业银行股份有限公司</span>
            </span>
          </div>
        </div>
        <div class="tableSlot-item">
          <div class='info_title'>
            <a class="handleStr">
              鄂州33家物业公司登上"红黑榜",快看看有没有你家
            </a>
            <span class="tag-warning">负面</span>
            <div class="el-rate">
              <span class="active el-rate__item glyphicon glyphicon-star"></span>
              <span class="active el-rate__item glyphicon glyphicon-star"></span>
              <span class="active el-rate__item glyphicon glyphicon-star"></span>
             </div>
          </div>
          <div class="resume">
            3月27日，温州二三里从中国银行保险监督管理委员会获悉，乐清农商银行、瓯海农商银行、温州民商银行因存在违法违规行为被中国银保监会温州监管分局分别处以125万元、245万元、225万元，共计595万元。 温州二三里了解到，乐清农商银行存在流动资金贷款被用于固定资产项目建设;信贷资
          </div>
          <div class="overFlowBox">
            <span class='info_publ_time'>12:04</span>
            <span>来源: hao123新闻</span>
            <span class="array_span">
              <span class="tag tag--plain">浙江乐清农村商业银行股份有限公司</span>
              <span class="tag tag--plain">浙江乐清农村商业银行股份有限公司</span>
              <span class="tag tag--plain tag--danger ">浙江乐清农村商业银行股份有限公司</span>
            </span>
          </div>
        </div>
      </div>
      <div class="page-wrap clearfix">
        <div class="tcdPageCode"></div>
      </div> 
    </div>
  </div>
  <script src="js/jquery-2.1.4.min.js"></script>
  <script src="jQueryPager/js/jquery.page.js"></script>
  <script>
    $(function() {
      $('.form-nav').on('click', 'li', function() {
        $(this).addClass('active').siblings().removeClass('active')
      })

      $(".tcdPageCode").createPage({
        pageCount:100,
        current:1,
        backFn:function(p){
            //console.log(p);
        }
      });
    })
  </script>
</body>

</html>